import * as React from "react"
import Svg, { Path } from "react-native-svg"

interface VolumeMuteCuteReIconProps {
  width?: number
  height?: number
  color?: string
}

export const VolumeMuteCuteReIcon = ({
  width = 24,
  height = 24,
  color = "#10161F",
}: VolumeMuteCuteReIconProps) => {
  return (
    <Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
      <Path
        d="M12.245 2.846c-.548.079-1.153.389-2.046 1.051-.265.196-1.278.992-2.251 1.769-1.83 1.463-2.07 1.626-2.568 1.751a6.395 6.395 0 0 1-.79.1 6.217 6.217 0 0 0-.782.101 3.783 3.783 0 0 0-2.698 2.73c-.084.329-.09.436-.09 1.652s.006 1.323.09 1.652a3.768 3.768 0 0 0 2.164 2.543c.432.183.702.242 1.316.288 1.107.081 1.211.134 2.89 1.482 3.453 2.773 3.895 3.065 4.855 3.199.924.129 1.765-.347 2.196-1.244.272-.567.376-1.07.527-2.56.302-2.99.345-6.31.121-9.3-.144-1.922-.285-3-.465-3.552-.286-.874-.905-1.489-1.663-1.649-.301-.064-.433-.066-.806-.013m.444 2.024c.33.378.631 3.779.631 7.13 0 2.088-.084 3.716-.283 5.492-.123 1.105-.221 1.539-.376 1.667-.204.169-.731-.196-3.662-2.534-1.757-1.403-2.086-1.629-2.687-1.845-.423-.153-.747-.216-1.343-.261-.814-.061-1.069-.153-1.433-.511C3.066 13.546 3 13.298 3 12s.066-1.546.536-2.008c.364-.358.619-.45 1.433-.511.787-.06 1.207-.168 1.791-.46.45-.225.63-.358 2.353-1.731 2.298-1.831 2.73-2.156 3.162-2.375.262-.133.33-.14.414-.045m3.861 4.065a1.054 1.054 0 0 0-.539.456c-.095.162-.111.232-.11.489 0 .215.022.34.075.44.041.077.418.486.837.91l.762.769-.781.791c-.696.704-.789.814-.853 1.005a.99.99 0 0 0 1.044 1.313c.114-.012.267-.052.34-.09.074-.038.481-.412.905-.831l.769-.762.791.781c.671.663.82.791.987.847.81.274 1.549-.451 1.282-1.258-.064-.191-.157-.301-.853-1.005l-.781-.791.762-.769c.419-.424.796-.833.837-.91.102-.191.104-.686.003-.872-.171-.317-.563-.568-.887-.568-.069 0-.222.029-.341.064-.197.058-.283.131-1.007.847l-.793.784-.769-.762c-.424-.419-.832-.794-.908-.833-.183-.094-.58-.117-.772-.045"
        fill={color}
        fillRule="evenodd"
      />
    </Svg>
  )
}
